#spritesheet extractor

[thecloudsofficalreborn]

Cloud's FNF GIF Making Tutorial

Hello there, have you ever wanted to make FNF GIFs like this for example?

Well, your in luck, because in my personal guide, I'll teach you how to do so. This is for desktop users by the way, I don't know how to do this on mobile.

1. Getting Started

You'll need the following program to make your GIFs. I personally use.

Spr2PNG (Highly Recommended | Automated, Simple Process)

Java (Needed for Spr2PNG to work.)

EZGif (Needed for GIF Making.)

But there are other options such as FnF-Spritesheet-and-XML-Maker but I personally use Spr2PNG as that is more simple.

To download Spr2PNG, first go to the releases tab and click on the Latest release you see, then click the zip file to download it automatically. You'll want a ZIP Extractor like 7-Zip, which I recommend, but WinRAR is another good option.

Now, once you have your programs, you'll want to download the FNF mod you want to rip the sprites from, like for instance; VS Sonic.EXE, or basically any other FNF Mod and download that either from GameBanana or GameJolt, depending on where it is.

2. Ripping the Sprites

Okay, now, to make the GIF, you have to rip the sprites. To do this, go to your FNF Mod that you downloaded and go to either mods\images\characters or assets\shared\images\characters. It depends where all the [charactername].xml and [charactername].png files of that character is located so you might have to do some digging around in the mod files. But once you find those, you want to copy & paste them into a separate folder, I recommend creating one to store all your ripped sprites at, aswell as your gifs.

3. Making the GIFs

Okay, now that you have your sprites ripped from the mod files. You'll want to open SprToPNG.bat or SprToPNG.jar. It doesn't really matter what you choose to open. It should show a small window that says “Select XML or PNG Files to Open�� and you'll want to locate the files you ripped from the mod files. Please keep in mind that the .png and .xml files of that character must be in the same folder together otherwise it won't work. Just double-click on either file, again, it doesn't matter. Then, SprToPng will do the rest and separate the animation sprites into one folder that is named after that character, aswell as all the sprites.

Now, click on the folder of the sprites that you want to animate, it might say "Idle Dance" or any of the character poses, aswell as the special animations if the character has them. There should be some PNGs that are ranging from 0000 to random, depending on how many animation sprites that animation has.

Now, open EZGIF.com and click on "GIF Maker" and then click on Browse and then locate the separate PNG files of the character. A good tip is that you can select the first PNG with 0000 and then the last by shift-clicking, just click the first png and then the last one with shift-click and it'll select all the following PNG files and then select "Open". It might take a couple of seconds, depending on the file but it should show all the PNG Sprites in order.

Set the delay time to either 4, 5, or 6. You want it to act like how the actual in-game sprites would. If it's too fast, increase the delay time, if its too slow, decrease the delay time. Optionally, you can set the last PNG to 30, then select "Don't Stack Frames" so the sprites don't overlap over each other and make it look ugly.

I'll show two examples, one with "Don't Stack Frames" on and off.

On the left is with it on while on the right is with it off. You see how on the right the sprites are behind the ones that are displayed? Yeah, you don't want that. So I highly encourage and recommend you to turn on "Don't Stack Frames" on.

Now, select "Crop" and then scroll down and select "Trim Transparent Pixels around the image" as this will remove any transparent pixels we don't want, while also reducing the file size, either a tad bit or a lot, depending on the sprite.

And once you're done, click save, your sprite should look like this!

Now that you made your Sprite, you can upload it to the Funkipedia wiki to help out with pages and such that need sprites.

Fin.

Feel free to leave any suggestions in reblogs or comments, they'll really help out. Also, make sure to reblog this so more people know how to make GIFs in the future (on desktop or laptop).

[futuristicallywisebear-blog]

TexturePacker : Excellent tool for creating sprite sheet and makes game developer’s life EASY !!

Sprite sheet TexturePacker Life SAVIOR !!

TexturePacker is an excellent tool for creating or making sprite sheets. It also has a command line version, which works wonderfully with batch processing and integration with Xcode.

When creating 2D games, it’s essential to combine or group up sprites into one large image called sprite sheet or sheets, to get the best performance for games & to improve the load-time.

Wonders of TexturePacker

Supports multiple screen resolutions

It will automatically downscale sprite or sprites for all devices.

Create high-resolution images, scales images, publishes for all devices with a single click.

Reduces runtime memory consumption in huge amount.

It packs multiple sprite sheets at once.

Distribute sprites across multiple sheets.

Sort sprites to multiple texture atlases.

It reduces memory consumption, not image quality.

TexturePacker can directly import file from .psd , .png, .swf, .jpg, .tga, .tiff, .bmp verious extensions.

Content Protection for Cocos2D. Works With Any Game Engine like Unity, Coscos2D-X, Coscos2D, Starling, SpriteKit, Sparrow, Moai, MelonJS, Monogame etc,Security.  It makes the data difficult to decryptTrimming/Cropping  It removes transparent pixels from border of the sprite.Rendering is faster.It removes transparent pixels from border of the sprite. checkout our software to extract texturepacker game spritesheet or edit textute packer spritesheet or redesign texture packer spritesheet https://store.bluegamerzstudio.com/downloads/spritesheet-plist-editor-for-texture-packer/ OR https://store.bluegamerzstudio.com/downloads/spooky-spritesheet-extractor-and-merger/

[impossible-rescue]

Sprite Animation w/ Cocos2dx

For preparing the necessary technology with animation in cocos2dx, I made a really simple repo that includes a straightforward animation demo with cocos2dx.

Here is the development env:

Visual Studio 2017 Community

cocos2d-x-3.17.2

For the sprite sheet and the assets, I used TexturePacker v5.0.9 Free version and bought assets from HumbleBundle. Based on those tools and resources, I made a simple sprite sheet[1] that includes an IDLE animation for a fighter.

Figure 1, the result of the sprite sheet

After that, I placed the sprite sheet to the resource folder inside the cocos2dx project folder.

Okay, all the assets and foundation are ready. Let’s code!

1.Load the plist (It comes with the sprite sheet when you publish a sprite sheet via TexturePacker)

// Load spritesheet info from plist SpriteFrameCache::getInstance()->addSpriteFramesWithFile("fighter.plist");

2.Create a extractor function to get all sprite frames for one animation

Vector idleFrames = this->GetAnimation( "idle_%d.png", 14 ); // ... // Get all sprite frames from the spritesheet based on a string format. // Need to pass the string format and how many frames that this animation has. // It returns a vector of SpriteFrame*. Vector HelloWorld::GetAnimation(const char* pchFormat, int iCount) { auto spriteCache = SpriteFrameCache::getInstance(); Vector animFrames; char str[100]; for (int i = 1; i <= iCount; i++) { // format string from parameters sprintf(str, pchFormat, i); printf(str); // add sprite to animFrames animFrames.pushBack(spriteCache->getSpriteFrameByName(str)); } return animFrames; }

3.Use the first item inside the vector and place it to the centre of the scene

// Set the default sprite frame to the first sprite frame in the vector Sprite* fighterIdleSprite = Sprite::createWithSpriteFrame( idleFrames.front() ); // Align sprite to center fighterIdleSprite->setPosition( origin.x + visibleSize.width / 2, origin.y + visibleSize.height / 2 ); // Add node to scene this->addChild( fighterIdleSprite );

4.Create animation object and apply update frequency

// Create animation by vector of sprite frames and the update fequency Animation* idleAnim = Animation::createWithSpriteFrames( idleFrames, 1.0f / 14 );

5.Apply it to the sprite by running runAction

// Apply animation to sprite by using runAction fighterIdleSprite->runAction( RepeatForever::create( Animate::create( idleAnim ) ) );

Result

Here is the repo link: Github Repo

The most important cpp file will be: HelloWorldScene.cpp Start from Line 105

[prevajconsultants]

The New Sprite Editor For Plist Spritesheets (Apps)

This software overcomes the limitations of the Old Spritesheet Extractor. Now you can use this tool to edit Spritesheets of Zwoptex, Texture Packer, Buildbox, Cocos2dx. Features: 1: Edit every single sprite in Spritesheet right from the software. 2: Extract all the sprites. 3: Merge Back all sprites at once. 4: Merge Back one sprite at a time within our Software. 5: Open the Sprite you need to edit in Spritesheet. 6: Supports Zwoptex, Texture Packer, Buildbox, Cocos2dx Plist formats.

This software can edit our Multiplayer Little Fighters code Plist files. So now its very easy to edit your own hero. No other tool provides better editing than ours.

Supports many source codes present on Chupamobile, Envato and other Markets.

*Important note of usage:

1: Remove “<!DOCTYPE plist PUBLIC “-//Apple//DTD PLIST 1.0//EN” “http://ift.tt/2zlMMob; from file.(As this could be faulty in some cases, so better to remove it completely.) 2: If plist file doesn’t contain sprite names with format “.png” then you will need to uncheck the “Contains PNG Sprites” before setting it. 3: Enjoy your cropped sprites. Edit them and Merge back in the same position using this same software. Prerequisites: Java 1.6 Needs Internet to Activate 3 Quick reasons our customers love this softwares:

1. It helps edit a BuildBox project without the need of Buildbox which costs approx $99/month. 2. Some one sold you a game source code and you dont have the Texture packer project files to edit the sprite sheets. 3. You got your old Spritesheets which cannot be edited without project files for Zwoptex and Texture Packer.

from CodeCanyon new items http://ift.tt/2xDZAcr via IFTTT https://goo.gl/zxKHwc

[scriptnews]

The New Sprite Editor For Plist Spritesheets (Apps)

The New Sprite Editor For Plist Spritesheets (Apps)

This software overcomes the limitations of the Old Spritesheet Extractor. Now you can use this tool to edit Spritesheets of Zwoptex, Texture Packer, Buildbox, Cocos2dx. FREE TRIAL Demo Video Features: 1: Edit every single sprite in Spritesheet right from the software. 2: Extract all the sprites. 3: Merge Back all sprites at once. 4: Merge Back one sprite at a time within our Software. 5: Open the…

[futuristicallywisebear-blog]

COCOS2D X

What is Cocos2d x ?

Cocos2d-x is an open source cross-platform game framework written in C++/Javascript/Lua. It can be used to build games, apps and other interactive programs. Cocos2d contains many branches with the best known being Cocos2d-objc, Cocos2d-x, Cocos2d-html5 and Cocos2d-XNA. There are some independent editors in the cocos2d community, such as those contributing in the areas of SpriteSheet editing, particle editing, font editing and Tilemap editing as well as world editors including SpriteBuilder and CocoStudio.

Features of Cocos2d: Sprites and scenes

All versions of Cocos2d work using the basic primitive known as a sprite. A sprite can be thought of as a simple 2D image, but can also be a container for other sprites. In Cocos2D, sprites are arranged together to form a scene, like a game level or a menu. Sprites can be manipulated in code based on events or actions or as part of animations. The sprites can be moved, rotated, scaled, have their image changed, etc.

GUI

Cocos2D provides primitives to representing common GUI elements in your game scene. This includes things like text boxes, labels, menus, buttons, and other common elements.

Animation

Cocos2D provides basic animation primitives that can work on sprites using a set of actions and timers. They can be chained and composed together to form more complex animations. Most Cocos2D implementations let you manipulate the size, scale, position, and other effects of the sprite. Some versions of Cocos2D let you also animate particle effects, image filtering effects via shaders (warp, ripple, etc.)

Cross Platform

Publish from a single code base to mobile, desktop, web, and console. Cocos2d-x allows developers to focus on building cutting-edge games while it takes care of the heavy lifting on the back-end.

Lightweight & Fast Running

Completely written in C++, the core engine has the smallest footprint, yet the fastest speed of any other game engine, and is optimized for running on all kinds of the devices including low-end Android systems.

Simple & Easy to Learn APIs

Cocos2d-x APIs are created and maintained by industry legend Ricardo Quesada who created the original, super popular Objective-C version. There is a variety of documents, tutorials, and demos to get you started, so dive in and experience Cocos2d-x first hand.

As we can see from above key points cocos2d is very handy software for game devlopment, and the sprites sheets which cocos2d makes that can be editable by using Plist software.

 Below is the link:  

http://store.bluegamerzstudio.com/downloads/spritesheet-plist-editor-for-texture-packer

Reference :

cocos2d.org wiki

[futuristicallywisebear-blog]

Lost your Texture Packer project files?

The Spritesheets are a very good way of optimising your games. Some people consider it as a security tool for saving their game sprites. But what happens if you loose the key to these locked sprites!!? Many indie developers have faced this issue for long time. In fact loosing data is normal is every game developers life.

Here are few tips as to what you can do in that case:

1: Talk to the support of the respective sprite sheet generator software. i.e Texture Packer, Zwoptex etc. Give them the authenticity of your sprites and they might just come up with a new project file.

2: If your project file was of Texture Packer then you could use one of our tools to edit your sprites in the spritesheet. You can extract or update the spritesheet directly within the software. http://store.bluegamerzstudio.com/downloads/spritesheet-plist-editor-for-texture-packer/

3: If your project file is of some other company like Zwoptex or Unity then you might just wanna try looking at our Spooky Any Spritesheet Extractor And Merger. It works on powerful OpenCV and Java. It can Threshold your transparent PNG files. Which would give you access to your sprites in the sprite sheet. Also the same software could be easily used for Editing the same sprite sheet. Spooky is not 100% accurate as it works solely on Image Processing power. With better quality spritesheets, the results can be flawless.

http://store.bluegamerzstudio.com/downloads/spooky-spritesheet-extractor-and-merger/

[futuristicallywisebear-blog]

How to reskin Buildbox or Texture Packer Spritesheet with Spritesheet Extractor   This video will show you how to reskin a spritesheet easily using our "Sprite sheet Extractor for Buildbox and Texture packer" software. This video show our latest features to edit single sprites at a time as well as bulk editing of sprites. 

Download link 1 : http://store.bluegamerzstudio.com/downloads/spritesheet-plist-editor-for-texture-packer/ This video shows the latest features to edit single sprites at a time as well as bulk editing of sprites. Do like this video, share and subscribe to get discounts. For further information contact us at http://store.bluegamerzstudio.com/

[futuristicallywisebear-blog]

This is a video tutorial which will show you how you can get all the sprites/images from the spritesheets or Plist file. This video will teach you how to use the tool SpriteSheet Extractor to get all the sprites separately for editing. You can download the tool from https://codecanyon.net/item/sprite-sheet-plist-editor-for-texture-packer/13813996   for cheaper rate check our official website

https://store.bluegamerzstudio.com/downloads/spritesheet-plist-editor-for-texture-packer/

[prevajconsultants]

Multiplayer Kung Fu Little Fighters Android & IOS Game (Full Applications)

This game is a game which can be played by 2 players on the same device. Awesome game play. A classic Little Fighters style gameplay. This awesome game is made with a completely free Cocos2dx Platform. Very easy to Reskin. We recommend you use Spooky Any Spritesheet Extractor to edit the sprite sheets present in the Game. The package contains Android Eclipse Project and IOS/Mac OS Project. All character shown on the Play store and App store are present in this package.

This game is live on App Store, Mac App Store and Google Play.

Game Story: This is one of the Best Multiplayer Games which you can play on same device easily. Remember the old games like Tap Tap Revenge? or Guitar Hero? Now this game also give 2 users to hold the device and fight the bad guys with Ki attacks. Multiplayer game is best suited in Tabs. Or bigger screens. But This game supports both multiplayer as well as single player. In Multiplayer only 2 players can play at a time on same device. Do check the controls to get more idea. Also you can play it on PC.

Get your friends and cross the stages together. With lots of Cannon fire powers and Main Boss mode. This RPG Game will give you the best experience in Anime Fighting style category. Explore more and more things which you can do together with your friends. And if you have any suggestions then do write to us below in reviews.

Kung fu little fighters is a full team action pack game. It has 6 stages with lots of bad guys. An action pack game with lots of fire power and Ki attacks. Total of 5 fighting characters. Jon (The Hero of our game) Don (Evil brother of Jon) Dark Don (Don Transformed) Tia (The Awesome Girl Power) King of Fighters Krio (The Outlaw Hero) If you can punch your way out of them then you could be fighting a fully charged evil Monster side of yours. The big boss is waiting for you at the end of every Stage. Do not go and fight the bad guys all alone, take your friends and command them to do the right thing. Punch and Destroy every one on your way. Your Power Ki will clash now so make sure you are not in the other’s way. 2 types of Powers, Small power and Big power. Keep an eye on Power Meter. Once its full you can release the Big Powers. You can play this game like any other tower of defence game. Defend yourself and keep yourself out of danger. Be Tactical in every move. You can kick or you can punch like a Boxing your way out. Kung Fu Little Fighters is a fighting game which gives 5 choosable characters. Let your Fatal side out. Show your Fury to everyone. Wrestle your way through lots of Bad Cops or Bad Little Fighters. A Story Adventure where you and your 4 team members get to fight against the bad cops. 1 Unlockable character Krio.

from CodeCanyon new items http://ift.tt/2sA3RKG via IFTTT https://goo.gl/zxKHwc

[futuristicallywisebear-blog]

The New Sprite Editor

This software overcomes the limitations of the Old Spritesheet Extractor. Now you can use this tool to edit Spritesheets of Zwoptex, Texture Packer, Buildbox, Cocos2dx.

https://store.bluegamerzstudio.com/downloads/new-sprite-editor/

Features:

1: Edit every single sprite in Spritesheet right from the software. 2: Extract all the sprites. 3: Merge Back all sprites at once. 4: Merge Back one sprite at a time within our Software. 5: Open the Sprite you need to edit in Spritesheet. 6: Supports Zwoptex, Texture Packer, Buildbox, Cocos2dx Plist formats.

This software can edit our Multiplayer Little Fighters code Plist files. So now its very easy to edit your own hero. No other tool provides better editing than ours.

Supports many source codes present on Chupamobile, Envato and other Markets. This software will soon be released on Envato Market.

For More Information visit this site: https://store.bluegamerzstudio.com/downloads/new-sprite-editor/

[futuristicallywisebear-blog]

Spritesheet decompiler for Atlases   Download link :  https://codecanyon.net/item/spooky-spritesheet-extractor-and-merger-for-any-png/19801114 For cheaper rate check our official website: https://store.bluegamerzstudio.com/downloads/spooky-spritesheet-extractor-and-merger/

This is Spooky. The first ever Intelligent Spritesheet extractor. It will automatically detect all your Sprites present in the PNG file. Although the Accuracy is approx around 96-100%. But Surely this software will help you edit any Spritesheet. Also our favourite Merge Back feature lets you edit these Spritesheet with very ease. This software is in its Alpha level. We would be making sure this software gets more features in future. If you have lost your Spritesheet project files or you want to edit the Spritesheets outside the Spritesheet Editor softwares like Texture Packer or Zwoptex or any other tool in market then this Software could be very useful tool. We love all the Spritesheet Editors. For which we bring you Spooky our first every AI based Spritesheet Extractor which can work with any Spritesheets. Sprite sheet decompiler Spooky will help you decompile any sprites found online. Now no need to use photoshop to slice every sprites form the sprite sheet. Now you can edit any Manga , Anime, Classic spritesheets you find online. Best results only come when the Spritesheets have transparent background. This is a phaser spritesheet. Required Spritesheet Specification : .PNG file (With Transparency is recommended) This software would work on any below specifications: Operating Systems: Windows OS Mac OS X Linux Java JRE Latest Required on any of the above OS Internet Required for Image Processing